<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/css/bootstrap.min.css"
integrity="sha384-xOolHFLEh07PJGoPkLv1IbcEPTNtaed2xpHsD9ESMhqIYd0nLMwNLD69Npy4HI+N" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js"
integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj"
crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js"
integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN"
crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/js/bootstrap.min.js"
integrity="sha384-+sLIOodYLS7CIrQpBjl+C7nPvqq+FbNUBDunl/OZv93DB7Ln/533i8e/mZXLi/P+"
crossorigin="anonymous"></script>
<style>
#b1:hover{
scale: 1.1;
border: 0px solid;
border-radius: 20%;
}
#b1{
background:linear-gradient(to left,rgb(189, 221, 239),rgb(87, 164, 247));
border: 0px solid;
border-radius: 3%;
font-weight: 70%;
box-shadow: 10px 10px 15px rgb(136, 219, 250);
}
</style>
<style>
@keyframes bnn{
0%{
background-color:red;
}
100%{
background-color: blue;
}
}
#bn{
color: white;
animation-name: bnn;
animation-duration: 1s;
animation-delay: 1s;
animation-iteration-count: infinite;
}
</style>
<style>
.ra1{
height: 185%;
width: 100%;
position: absolute;
z-index: -1;
background-image: url(appbck.img);
}
</style>
</head>
<body>
<div class="ra1"></div>
<nav class="navbar navbar-expand-lg navbar-light bg-light mb-4" style="position: fixed; left: 5%; z-index: 1; ">
<div class="spinner-grow" role="status">
<span class="visually-hidden"></span>
</div>
<a class="navbar-brand" href="#" style="font-size: 30px;"><u><b>e-Commerce Hub</b></u></a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mr-auto">
<li class="nav-item">
<a class="nav-link" href="index.html" id="b1"><b>Home</b></a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="android.html" role="button" data-toggle="dropdown" aria-expanded="false" id="b1">
<b> Android📱</b>
</a>
<div class="dropdown-menu">
<a class="dropdown-item" href="android.html">Samsung</a>
<a class="dropdown-item" href="android.html">OnePlus</a>
<a class="dropdown-item" href="android.html">Realme</a>
<a class="dropdown-item" href="android.html">Redmi</a>
<a class="dropdown-item" href="android.html">Oppo</a>
<a class="dropdown-item" href="android.html">Vivo</a>
<div class="dropdown-divider"></div>
</div>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="apple.html" role="button" data-toggle="dropdown" aria-expanded="false" id="b1">
<b> Apple(ios)📲</b>
</a>
<div class="dropdown-menu">
<a class="dropdown-item" href="apple.html">iphone 6s</a>
<a class="dropdown-item" href="apple.html">iphone 7plus</a>
<a class="dropdown-item" href="apple.html">iphone X</a>
<a class="dropdown-item" href="apple.html">iphone 11</a>
<a class="dropdown-item" href="apple.html">iphone 12</a>
<a class="dropdown-item" href="apple.html">iphone 14</a>
<div class="dropdown-divider"></div>
</div>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="laptop.html" role="button" data-toggle="dropdown" aria-expanded="false" id="b1">
<b> Laptops💻</b>
</a>
<div class="dropdown-menu">
<a class="dropdown-item" href="laptop.html">Asus</a>
<a class="dropdown-item" href="laptop.html">Lenovo</a>
<a class="dropdown-item" href="laptop.html">Hp</a>
<a class="dropdown-item" href="laptop.html">Dell</a>
<a class="dropdown-item" href="laptop.html">Acer</a>
<a class="dropdown-item" href="laptop.html">MacBook</a>
<div class="dropdown-divider"></div>
</div>
</li>
<li class="nav-item dropdown">
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="watch.html" role="button" data-toggle="dropdown" aria-expanded="false" id="b1">
<b>Smart Watches⌚</b>
</a>
<div class="dropdown-menu">
<a class="dropdown-item" href="watch.html">Fire-boltt</a>
<a class="dropdown-item" href="watch.html">Noise</a>
<a class="dropdown-item" href="watch.html">Boult</a>
<a class="dropdown-item" href="watch.html">Boat</a>
<a class="dropdown-item" href="watch.html">Samsung</a>
<a class="dropdown-item" href="watch.html">i watch</a>
<div class="dropdown-divider"></div>
</div>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="earbuds.html" role="button" data-toggle="dropdown" aria-expanded="false" id="b1">
<b>Earbuds🎧</b>
</a>
<div class="dropdown-menu">
<a class="dropdown-item" href="earbuds.html">Mivi</a>
<a class="dropdown-item" href="earbuds.html">Boat</a>
<a class="dropdown-item" href="earbuds.html">Realme</a>
<a class="dropdown-item" href="earbuds.html">PTrone</a>
<a class="dropdown-item" href="earbuds.html">Noise</a>
<a class="dropdown-item" href="earbuds.html">OnePlus</a>
<div class="dropdown-divider"></div>
</div>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="sond.html" role="button" data-toggle="dropdown" aria-expanded="false" id="b1">
<b> Speakers🔊</b>
</a>
<div class="dropdown-menu">
<a class="dropdown-item" href="sond.html">Boat</a>
<a class="dropdown-item" href="sond.html">Zebronic</a>
<a class="dropdown-item" href="sond.html">Mivi</a>
<a class="dropdown-item" href="sond.html">Alexa</a>
<a class="dropdown-item" href="sond.html">JBL</a>
<a class="dropdown-item" href="sond.html">Sony</a>
<div class="dropdown-divider"></div>
</div>
</div>
<form class="d-flex" role="search">
<a href="login.html" button class="btn btn-outline-success">Login</button></a>
</form>
</nav>
</button>
<!-- navbar end -->
<!-- cards -->
<div class="container-fluid">
<div class="row">
<div class="col-lg-3" style="margin-left: 13%;">
<div class="card ml-3" style="width: 18rem; margin-top: 35%; border-radius: 15%; background-image: url(indback.jpg);">
<img src="s6.jpg" class="card-img-top" alt="..." height="50%" style="border-radius: 15%;">
<div class="card-body">
<h5 class="card-title">Iphone S6</h5>
<p class="card-text">Rose Gold,16GB <br> Retina HD display with 3D Touch <br>
Apple iPhone 6s ; Type, IPS LCD, 500 nits ; Size, 4.7 inches, 60.9 cm2 (~65.6% screen-to-body ratio) ; Resolution, 750 x 1334 pixels, 16:9 ratio (~326 ppi density).</p>
<a href="https://amzn.eu/d/2iTOujn" class="btn" id="bn">Buy Now👆🏻</a>
</div>
</div>
</div>
<div class="col-lg-3">
<div class="card ml-3" style="width: 18rem; margin-top: 35%; border-radius: 15%;background-image: url(indback.jpg);">
<img src="ip7.html" class="card-img-top" alt="..." height="210px" style="border-radius: 15%;">
<div class="card-body">
<h5 class="card-title">iphone 7plus</h5>
<p class="card-text">Red,Black,Golden,32GB<br> Retina HD display<br>A10 Fusion Chip <br>
Resolution, 1080 x 1920 pixels, 16:9 ratio (~401 ppi density) ; Protection, Ion-strengthened glass ; OS, iOS 10.0.1, upgradable to iOS 15.7 ; Chipset, Apple A10</p>
<a href="https://www.flipkart.com/apple-iphone-7-plus-gold-32-gb/p/itmen6daschjypr3" class="btn" id="bn">Buy Now👆🏻</a>
</div>
</div>
</div>
<div class="col-lg-3">
<div class="card ml-3" style="width: 18rem; margin-top: 35%; border-radius: 15%;background-image: url(indback.jpg);">
<img src="X.jpg" class="card-img-top" alt="..." height="210px" style="border-radius: 15%;">
<div class="card-body">
<h5 class="card-title">Iphone X</h5>
<p class="card-text">Black,16GB<br>Retina Display 12'inch<br> Smooth Touch <br>
Apple iPhone X · Display 5.80-inch (1125x2436) · Processor Apple A11 Bionic · Front Camera 7MP · Rear Camera 12MP + 12MP · RAM 3GB · Storage 64GB </p>
<a href="https://www.flipkart.com/apple-iphone-x-space-gray-256-gb/p/itmf3syz84rypvwu?pid=MOBEXRGVCYGG2KXA&lid=LSTMOBEXRGVCYGG2KXANMBZHB&marketplace=FLIPKART&q=iphone+x&store=tyy%2F4io&srno=s_1_1&otracker=search&otracker1=search&fm=organic&iid=0da12e78-66fb-4df9-accb-08b1bf0d940c.MOBEXRGVCYGG2KXA.SEARCH&ppt=pp&ppn=pp&ssid=49ngmc0tog0000001703744683602&qH=882a0465d260983a" class="btn" id="bn">Buy Now👆🏻</a>
</div>
</div>
</div>
<div class="container-fluid">
<div class="row">
<div class="col-lg-3" style="margin-left: 13%;">
<div class="card ml-3" style="width: 18rem; margin-top: 15%;border-radius: 15%;background-image: url(indback.jpg); ">
<img src="11.jpg" class="card-img-top" alt="..." height="50%" style="border-radius: 15%;">
<div class="card-body">
<h5 class="card-title">Iphone 11</h5>
<p class="card-text">Rose Gold,16GB <br> Retina HD display with 3D Touch <br>
iPhone 11 Technical Specifications ... Width: 2.98 inches; (75.7 mm). Height: 5.94 inches; (150.9 mm). Depth: 0.33 inch; (8.3 mm) ... The iPhone 11 display has</p>
<a href="https://www.flipkart.com/apple-iphone-11-white-64-gb/p/itmfc6a7091eb20b?pid=MOBFWQ6BVWVEH3XE&lid=LSTMOBFWQ6BVWVEH3XE44QKUP&marketplace=FLIPKART&q=iphone+11&store=tyy%2F4io&srno=s_1_1&otracker=search&otracker1=search&fm=organic&iid=8c0cacc4-1dbf-44db-9d3d-7e7102de2dc9.MOBFWQ6BVWVEH3XE.SEARCH&ppt=pp&ppn=pp&ssid=obcm0hax0w0000001703744714562&qH=f6cdfdaa9f3c23f3" class="btn" id="bn">Buy Now👆🏻</a>
</div>
</div>
</div>
<div class="col-lg-3">
<div class="card ml-3" style="width: 18rem; margin-top: 15%; border-radius: 15%;background-image: url(indback.jpg);">
<img src="12.jpg" class="card-img-top" alt="..." height="270px" style="border-radius: 15%;">
<div class="card-body">
<h5 class="card-title">iphone 12</h5>
<p class="card-text">Red,Black,Golden,32GB<br> Retina HD display<br>A10 Fusion Chip <br>
Apple iPhone 12 ; Type, Super Retina XDR OLED, HDR10, Dolby Vision, 625 nits (HBM), 1200 nits (peak) ; Size, 6.1 inches, 90.2 cm2 (~86.0% screen-to-body ratio).</p>
<a href="https://www.flipkart.com/apple-iphone-12-blue-64-gb/p/itm5778ad0d0d255?pid=MOBFWBYZ8DNJNY7N&lid=LSTMOBFWBYZ8DNJNY7NMWAWOJ&marketplace=FLIPKART&q=iphone12&store=tyy%2F4io&srno=s_1_1&otracker=search&otracker1=search&fm=organic&iid=f3e1eb45-3788-4748-b10d-e28ac84f729b.MOBFWBYZ8DNJNY7N.SEARCH&ppt=pp&ppn=pp&ssid=qrymmrd3y80000001703744733448&qH=ad588135f239b88b" class="btn" id="bn">Buy Now👆🏻</a>
</div>
</div>
</div>
<div class="col-lg-3">
<div class="card ml-3" style="width: 18rem; margin-top: 15%; border-radius: 15%;background-image: url(indback.jpg);">
<img src="ip14.jpg" class="card-img-top" alt="..." height="250px" style="border-radius: 15%;">
<div class="card-body">
<h5 class="card-title">Iphone 14</h5>
<p class="card-text">Black,16GB<br>Retina Display 12'inch<br> Smooth touch <br>
Apple iPhone 14 ; Type, Super Retina XDR OLED, HDR10, Dolby Vision, 800 nits (HBM), 1200 nits (peak) ; Size, 6.1 inches, 90.2 cm2 (~86.0% screen-to-body ratio).</p>
<a href="https://www.flipkart.com/apple-iphone-14-starlight-128-gb/p/itm3485a56f6e676?pid=MOBGHWFHABH3G73H&lid=LSTMOBGHWFHABH3G73HCNASCL&marketplace=FLIPKART&q=iphone+14&store=tyy%2F4io&spotlightTagId=BestsellerId_tyy%2F4io&srno=s_1_1&otracker=search&otracker1=search&fm=Search&iid=d8c1fc49-46fe-41dc-b4b0-5f899da81ee5.MOBGHWFHABH3G73H.SEARCH&ppt=sp&ppn=sp&ssid=gy209a2pow0000001703744754370&qH=860f3715b8db08cd" class="btn" id="bn">Buy Now👆🏻</a>
</div>
</div>
</div>
</div>
<!-- Footer -->
<footer class="text-center text-lg-start bg-body-tertiary text-light bg-dark mt-5 ">
<!-- Section: Social media --> <section class="d-flex justify-content-center justify-content-lg-between p-4 border-bottom">
<!-- Right -->
<div>
<a href="" class="me-4 text-reset">
<i class="fab fa-facebook-f"></i>
</a>
<a href="" class="me-4 text-reset">
<i class="fab fa-twitter"></i>
</a>
<a href="" class="me-4 text-reset">
<i class="fab fa-google"></i>
</a>
<a href="" class="me-4 text-reset">
<i class="fab fa-instagram"></i>
</a>
<a href="" class="me-4 text-reset">
<i class="fab fa-linkedin"></i>
</a>
<a href="" class="me-4 text-reset">
<i class="fab fa-github"></i>
</a>
</div>
<!-- Right -->
</section>
<!-- Section: Social media -->
<!-- Section: Links -->
<section class="">
<div class="container text-center text-md-start mt-5">
<!-- Grid row -->
<div class="row mt-3">
<!-- Grid column -->
<div class="col-md-3 col-lg-4 col-xl-3 mx-auto mb-4">
<!-- Content -->
<h6 class="text-uppercase fw-bold mb-4">
<i class="fas fa-gem me-3"></i>e-Commerce Hub
</h6>
<p>
E-commerce is a powerfull means to connect the unconnected to global trades
</p>
</div>
<!-- Grid column -->
<!-- Grid column -->
<div class="col-md-2 col-lg-2 col-xl-2 mx-auto mb-4">
<!-- Links -->
<h6 class="text-uppercase fw-bold mb-4">
Products
</h6>
<p>
<a href="watch.html" class="text-reset">Watches</a>
</p>
<p>
<a href="sond.html" class="text-reset">Speakers</a>
</p>
<p>
<a href="laptop.html" class="text-reset">Laptop</a>
</p>
<p>
<a href="android.html" class="text-reset">andriod</a>
</p>
</div>
<!-- Grid column -->
<!-- Grid column -->
<div class="col-md-3 col-lg-2 col-xl-2 mx-auto mb-4">
<!-- Links -->
<h6 class="text-uppercase fw-bold mb-4">
Useful links
</h6>
<p>
<a href="http://www.instagram.com" class="text-reset">Instagram</a>
</p>
<p>
<a href="http://www.whatsspp.com" class="text-reset">whats app</a>
</p>
<p>
<a href="http://www.snapchat.com" class="text-reset">Snapchat</a>
</p>
<p>
<a href="http://www.google.com" class="text-reset">Google</a>
</p>
</div>
<!-- Grid column -->
<!-- Grid column -->
<div class="col-md-4 col-lg-3 col-xl-3 mx-auto mb-md-0 mb-4">
<!-- Links -->
<h6 class="text-uppercase fw-bold mb-4">Location</h6>
<p><i class="fas fa-home me-3"></i>Mango, Jamshedpur, Jharkhand</p>
<p>
<i class="fas fa-envelope me-3"></i>
hub@gmail.com
</p>
<p><i class="fas fa-phone me-3"></i> +91 7488047535</p>
<p><i class="fas fa-print me-3"></i> +91 6206338481</p>
</div>
<!-- Grid column -->
</div>
<!-- Grid row -->
</div>
</section>
<!-- Copyright -->
<div class="text-center p-4" style="background-color: rgba(0, 0, 0, 0.05);">
© 2021 Copyright:
<a class="text-reset fw-bold" href="index.html">Commerce.com</a>
</div>
<!-- Copyright -->
</footer>
<!-- Footer -->
</body>
</html>